$(function () {
  let q = {
    pagenum: 1,
    pagesize: 2,
    cate_id: '',
    state: ''
  }
  //渲染文章分类列表
  initArtCateList()

  function initArtCateList() {
    axios.get('/my/article/cates').then(({
      data: res
    }) => {
      // console.log(res);
      let arr = [`<option value="">请选择文章类别</option>`]
      res.data.forEach(element => {
        arr.push(`<option value="${element.Id}">${element.name}</option>`)
      });
      $('[name="cate_id"]').empty().html(arr.join(''))
      layui.form.render()
    })
  }
  let total = ''
  //渲染文章
  initArticleList()

  function initArticleList() {
    axios.get('/my/article/list', {
      params: q
    }).then(res => {
      // console.log(res.data);
      let arr = []
      res.data.data.forEach(element => {
        arr.push(`
          <tr>
            <td>${element.title}</td>
            <td>${element.cate_name}</td>
            <td>${dateFormat(element.pub_date)}</td>
            <td>${element.state}</td>
            <td>
              <button type="button" class="del layui-btn layui-btn-xs layui-btn-danger" data-id="${element.Id}">删除</button>
              <button type="button" class="alter layui-btn layui-btn-xs" data-id="${element.Id}">修改</button>
            </td>
          </tr>
      `)
      })
      $('tbody').html(arr.join(''))
      renterPage(res.data.total)
    })
  }
  $('#searchForm').on('submit', function (e) {
    e.preventDefault()
    q.cate_id = $('[name="cate_id"]').val()
    q.state = $('[name="state"]').val()
    initArticleList()
  })
  function renterPage(total) {
    //分页加渲染        
    var laypage = layui.laypage;
    //执行一个laypage实例
    //开启location.hash的记录
    laypage.render({
      elem: 'page-box',
      count: total,
      limit: q.pagesize,
      limits:[2,10,15,20],
      curr:q.pagenum,
      layout: ['count', 'prev', 'limit', 'skip', 'page', 'next'] //获取起始页
        ,
      jump: function (obj, first) {
        //obj包含了当前分页的所有参数，比如：
        // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
        // console.log(obj.limit); //得到每页显示的条数
        
        //首次不执行
      if(!first){
      //do something
        q.pagenum = obj.curr
        q.pagesize=obj.limit
        initArticleList()
      }
      }
    })
  }
  //删除
  $('tbody').on('click','.del',function(){
    axios.get(`/my/article/delete/${$(this).attr('data-id')}`).then(res => {
      // console.log(res);
      $('.del').length==1&&q.pagenum>=2&&q.pagenum--
      initArticleList()
    })
  })
  
  //修改
  $('tbody').on('click', '.alter', function () {
    console.log(window.parent.document.querySelector('iframe'));
    window.parent.document.querySelector('iframe').setAttribute('src', './article/art_alter.html')
    window.parent.document.querySelector('iframe').setAttribute('data-id', this.getAttribute('data-id'))
    console.log(window.parent.document.querySelector('iframe').getAttribute('data-id'))
    // indexAdd=layer.open({
    //   type:1,
    //   title: '修改文章',
    //   area: ['1000px', '500px'],
    //   content: `
    //   <iframe src="../article/art_alter.html" name="fm" frameborder="0" data-id="${$(this).attr('data-id')}"></iframe>
    //  `
    // });     
  })
})